<?php
$this->pageTitle=Yii::app()->name;
Yii::app()->clientScript->scriptMap=array('jquery'=>false, 'jquery.ui' => false);
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/js/head.0.99.min.js');
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl . '/css/reset.css');
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl . '/css/jquery.wijmo-pro.all.3.20131.7.min.css');
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl . '/css/themes/aristo/jquery-wijmo.css');
Yii::app()->clientScript->registerCssFile(Yii::app()->baseUrl . '/css/basic.css');
?>
<script src="http://maps.google.com/maps/api/js?v=3&amp;sensor=false"></script>
<script type="application/javascript">
	head.js(
		"<?php echo Yii::app()->getHomeUrl();?>js/jquery-1.9.1.min.js",
		"<?php echo Yii::app()->getHomeUrl();?>js/underscore.1.4.4.min.js",
		"<?php echo Yii::app()->getHomeUrl();?>js/json2.js",
		"<?php echo Yii::app()->getHomeUrl();?>js/backbone.1.0.0.min.js",
		"<?php echo Yii::app()->getHomeUrl();?>js/jquery-ui-1.10.3.custom.min.js",
		"<?php echo Yii::app()->getHomeUrl();?>js/jquery.wijmo-open.all.3.20131.7.min.js",
		"<?php echo Yii::app()->getHomeUrl();?>js/jquery.wijmo-pro.all.3.20131.7.min.js",
		"<?php echo Yii::app()->getHomeUrl();?>js/jquery-throttle.min.js",
		"<?php echo Yii::app()->getHomeUrl();?>js/jquery-layout.1.3.0.3057.min.js",
		"<?php echo Yii::app()->getHomeUrl();?>js/jquery-layout.slideoffscreen.1.1.min.js",
		"<?php echo Yii::app()->getHomeUrl();?>js/openlayers.2.13.min.js",
		"<?php echo Yii::app()->getHomeUrl();?>js/app.js",
		function() {
			//var Application = new App.MainView();
			//Application.load_data();
			$('#splash-screen').fadeOut(2000);
	});
</script>
<div id="splash-screen">
	<div id="loading-element"></div>
</div>
<div id="main" class="ui-layout-center">
	<div id="main-map"></div>
	<div id="main-menu-container">
		<div class="box">
			<div id="main-menu-tabs">
				<ul>
					<li class="mini-tab"><a href="#west-tab-1">tab1</a></li>
					<li class="mini-tab"><a href="#west-tab-2">tab2</a></li>
				</ul>
				<div id="west-tab-1">
					<div id="tab-1-superpanel" class="tab-box">
						<div id="west-tab-1-container" class="elements"></div>
					</div>
				</div>
				<div id="west-tab-2">
					<p>Words, words, words…</p>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="main-west" class="ui-layout-west">
	<div id="left-sidebar">
		<button id="create_red_point" rel="red">Icon 1</button>
		<button id="create_blue_point" rel="blue">Icon 2</button>
		<button id="create_green_point" rel="green">Icon 3</button>
	</div>
</div>
<!-- Templates -->
<script type="text/template" id="comisaria-template">
	<div class="comisaria" title="<%= properties.nombre %>">
		<div class="comisaria-title"  x="<%= geometry.coordinates[0] %>" y="<%= geometry.coordinates[1] %>">
			<%= properties.nombre %>
		</div>
	</div>
</script>